     * {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
     }
     
     image {
         user-select: none;
         -webkit-user-drag: none;
     }
     
     html,
     body {
         display: flex;
         justify-content: center;
         height: 600px;
         min-width: 1200px !important;
         max-width: 1400px !important;
     }
     
     #root {
         display: flex;
         justify-content: center;
         align-items: center;
         height: 600px;
         min-width: 1200px !important;
         max-width: 1400px !important;
         width: 1300px !important;
     }
     
     .flexCenter {
         display: flex;
         justify-content: center;
         align-items: center;
     }
     
     ul li {
         font-size: 5px;
         width: 80px;
     }
     
     .rightRound {
         background-color: rgb(255, 223, 223);
         height: 80vh;
         width: 80vh;
         border-radius: 80vh;
         position: fixed;
         right: -40vh;
         top: -40vh;
     }
     
     .rightSmallRound {
         background-color: rgb(255, 255, 255);
         width: 40px;
         height: 40px;
         border-radius: 45px;
         position: fixed;
         top: -20px;
         right: 20px;
     }
     
     .leftRound {
         height: 100vh;
         width: 100vh;
         background-color: rgb(231, 228, 251);
         border-radius: 100vh;
         position: fixed;
         bottom: -50vh;
         left: -50vh;
     }
     
     .navigate {
         display: flex;
         width: 194px;
         height: 35px;
         border-radius: 40px;
         background-color: rgb(255, 255, 255);
         position: fixed;
         top: 25px;
         right: 50px
     }
     
     .span1 {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 97px;
         height: 35px;
         color: rgb(109, 109, 109);
         font-size: 0.1;
         font-weight: 400;
         /* font-weight: 400; */
         letter-spacing: 0px;
         text-decoration: none;
     }
     
     .span2 {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 97px;
         height: 35px;
         border-radius: 70px;
         background-color: rgb(51, 44, 122);
         color: rgb(255, 255, 255);
         text-decoration: none;
     }
     
     .context {
         background-color: rgba(235, 237, 242, 0.5);
         margin-top: 120px;
         min-height: 540px;
         min-width: 1200px;
         border-radius: 20px;
         border: 2px solid rgb(245, 243, 254);
         z-index: 10;
         display: flex;
         justify-content: center;
         align-items: center;
     }
     
     .leftContext {
         height: 500px;
         width: 60%;
         position: relative;
         margin-left: 30px;
     }
     
     .leftContextHeader {
         width: 100%;
         display: flex;
         justify-content: space-between;
         position: relative;
         margin-bottom: 15px;
     }
     
     .doll {
         position: absolute;
         top: -10px;
         left: 30px;
         width: 80px;
         z-index: 2000;
     }
     
     .rightContext {
         margin-left: 30px;
         height: 450px;
         width: 45%;
     }
     
     .refresh {
         background-color: rgb(255, 255, 255);
         width: 100px;
         border-radius: 10px;
         height: 40px;
         cursor: pointer;
     }
     
     .inputBox {
         background-color: rgb(70, 71, 72);
         width: 180px;
         border-radius: 30px;
         height: 40px;
         color: white;
         display: flex;
         /* justify-content: space-s; */
         align-items: center;
     }
     
     .inputBox input {
         width: 80%;
         height: 90%;
         padding-left: 20px;
         border-radius: 30px;
         outline: none;
         border: 0px;
         background: none;
         font-size: 15px;
         color: rgb(184, 184, 180);
     }
     
     .inputBox image {
         width: 10%;
     }
     
     .input {
         background-color: rgb(70, 71, 72);
         outline: none;
         border: 0px;
         color: #acacac;
     }
     
     .ContextTable {
         margin-top: 2vh;
         background-color: rgb(247, 248, 250);
         border-radius: 10px;
         height: 90%;
     }
     
     .rightMenu {
         background: rgba(223, 225, 230);
         height: 50px;
         width: 80%;
         border-radius: 10px;
         padding: 0 10px;
     }
     
     .inputInfo {
         width: 70%;
         ;
     }
     
     .inputInfo span {
         color: rgb(107, 107, 107);
         font-weight: 400;
     }
     
     .inputInfo div {
         display: flex;
         justify-content: space-between;
         align-items: center;
         height: 40px;
         margin-bottom: 10px;
     }
     
     .inputInfo input {
         height: 100%;
         border-radius: 10px;
         border: 0px;
         padding-left: 11px;
         outline: none;
         width: 60%;
     }
     
     .Button button {
         width: 40%;
         height: 40px;
         border-radius: 8px;
         border: 0px;
         font-weight: 700;
         box-shadow: 3px 2px 3px rgb(60, 38, 122);
         font-family: Noto Sans SC;
         letter-spacing: 0px;
     }
     
     .passwordImg {
         width: 20px
     }
     
     .authorityInput {
         padding: 5px;
     }
     
     .selectBox {
         width: 60%;
         height: 100%;
         border: 0;
         border-radius: 5px;
         padding-left: 5px;
         outline: none;
         color: black;
         font-weight: 550;
     }
     
     td {
         text-align: center;
         vertical-align: middle;
     }
     
     .manage {
         display: flex;
         align-items: center;
         justify-content: space-around;
         height: 100%;
     }
     
     .manage button,
     a {
         width: 40%;
     }
     /* 弹窗 */
     /* 弹窗 (background) */
     
     .modal {
         /* display: none; 默认隐藏   vue中使用变量控制*/
         position: fixed;
         z-index: 100;
         padding-top: 100px;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgb(0, 0, 0);
         background-color: rgba(0, 0, 0, 0.4);
     }
     /* 弹窗内容 */
     
     .modal-content {
         position: relative;
         background-color: #fefefe;
         margin: auto;
         z-index: 1000;
         padding: 0;
         border: 1px solid #888;
         width: 80%;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
         -webkit-animation-name: animatetop;
         -webkit-animation-duration: 0.4s;
         animation-name: animatetop;
         animation-duration: 0.4s
     }
     /* 添加动画 */
     
     @-webkit-keyframes animatetop {
         from {
             top: -300px;
             opacity: 0
         }
         to {
             top: 0;
             opacity: 1
         }
     }
     
     @keyframes animatetop {
         from {
             top: -300px;
             opacity: 0
         }
         to {
             top: 0;
             opacity: 1
         }
     }
     /* 关闭按钮 */
     
     .close {
         color: white;
         float: right;
         font-size: 28px;
         font-weight: bold;
     }
     
     .close:hover,
     .close:focus {
         color: #000;
         text-decoration: none;
         cursor: pointer;
     }
     
     .modal-header {
         padding: 2px 16px;
         background-color: rgb(229, 231, 238);
         color: rgb(34, 34, 35)
     }
     
     .modal-body {
         padding: 2px 16px;
     }
     
     .modal-footer {
         padding: 2px 16px;
         background-color: rgb(229, 231, 238);
         color: rgb(34, 34, 35)
     }
     
     .windowsInput {
         color: rgb(34, 34, 35);
         font-size: 17px;
     }
     
     .tableHeader {
         width: 100%;
         position: sticky;
         top: 0;
         background-color: rgb(247, 248, 250);
         height: 45px;
     }
     
     .refreshText {
         margin-right: 10px;
         font-size: 16px;
         color: #6c6c6c;
     }
     /* 滚动条宽度 */
     
     div::-webkit-scrollbar {
         width: 6px;
     }
     /*  滚动条轨道 */
     
     div::-webkit-scrollbar-track {
         background: rgb(239, 239, 239);
         border-radius: 2px;
     }
     /* 小滑块 */
     
     div::-webkit-scrollbar-thumb {
         background: #67b3ff49;
         border-radius: 10px;
     }
     
     div::-webkit-scrollbar-thumb:hover {
         background: #86c3ff;
     }
     
     .searchIcon {
         width: 25px;
         height: 25px;
     }
     
     .userListText {
         color: rgb(56, 41, 122);
         font-size: 28px;
         font-weight: 400;
         margin-left: 150px;
     }
     
     tbody {
         font-size: 14px;
     }
     
     .avatarImg {
         margin-bottom: 10px;
     }
     
     .refreshIcon {
         width: 17px;
         height: 17px;
     }